<script setup>
import {onMounted} from 'vue'
import {chartColumn} from './barChart.js';
const props = defineProps({
  id:{
    type:String,
    default:"container1"
  },
  categories:{
    type:Array,
    default:[]
  },
  series:{
    type:Array,
    default:[]
  }
})

onMounted(() => {
  // console.log('id',props.id)
  props.id && chartColumn(
      props.id,
      props.categories,
      props.series
  )
})
</script>

<template>
  <div :id="id" style="min-width:350px;height:200px"></div>
</template>

<style scoped lang="scss">

</style>